@charset"utf-8";

      $fontsize:40;

@function r($px){
    @return $px/$fontsize*1rem 
}

* {
  margin: 0;
  padding: 0;
  list-style: none; }

html, body {
  height: 100%;
  width: 100%; }

.web {
  width: 100%;
  height: 100%;
  position: relative;
  background: #f7f7f7; }

header {

  width: 100%;
  height: 2.2rem;
  position: absolute;
  top: 0; }

footer {
  width: 100%;
  height: r(100);
  background: white;
  position: absolute;
  bottom: 0; }

section {
  width: 100%;
  background: #ebebeb;
  top: 2.2rem;
  bottom: r(50);
  position: absolute;
  overflow-y: scroll; }

/**/
.whole {
  width: 93.65%;
  height: r(88);
  margin: 0 auto;
  margin-top: 0.35rem; 
  font-size: r(20);
  }
  .whole .img1 {
      line-height: r(88);
    float: left;
//  display: block;
    width: r(22);
    height:r(37); }
 img {
      width: 100%;
      height: 100%; }

.search {
  
   color: #666666;
   line-height: 1.5rem;
   font-size: r(26)
    }


.choice {
width: 100%;
height: 2rem;
background: white;
margin-top: 0.325rem;
border-top: 0.025rem solid #e3e3e3;
border-bottom: 0.025rem solid #e3e3e3; }

.whole2{
    width: 60%;
    color: #666666;
    margin: 0 auto;
    text-align: center;
     line-height: 1.5rem;
     font-size:r(33);
}

.time{
    width: r(80);
    height: r(35);
    background: #c9cecf;
    margin: 0 auto;
    margin-top: r(27);
    font-size: r(20);
    text-align: center;
    line-height: r(35);
    color: white;
    border-radius: r(10);
}
.MARUKO{
    width: 97%;
    height: r(91);
    margin:r(32) r(21) r(41) r(20);

    .MARUKO_one{
        width: r(90);
        height: r(91);
    }
     .cose{   
        
         background:url(../images/7.jpg) no-repeat;
         background-size:100% ;
         width: r(155);
         height: r(75);
         margin: 0.25rem 0 0 r(10);
         padding: r(10) 0.5rem r(10) r(20);
         font-size: r(29);
         line-height: r(50); 
         text-align: left;   
 .cose1{
             display: inline-block;
           margin-top: r(2);
             width: r(35);
             height: r(35);
         
   
     } 
    } 

    
}

.business{
    width: 97%;
    height: r(91);

    .business_one{
        width: r(90);
        height: r(91);
    }
     .cose{       
          color: white;    
         background:url(../images/8.jpg) no-repeat;
         background-size:100% ;
         width: r(150);
         height: r(75);
         padding-right:r(10) ;
         text-align: center;
         margin: 0.25rem 0 0 r(10);
         font-size: r(29);
         line-height: r(75);    

    } 
//  .img2{
//      width: r(165);
//      height: r(78);
//
//     
//  }
    
}


.business2{
    width: 100%;
    height: r(170);
    margin:r(32) r(21) r(41) r(-21);

    .business_two{
        width: r(90);
        height: r(91);
    }
     .cose{       
         background:url(../images/9.jpg) no-repeat;
         background-size:100% ;
         width: r(455);
         height: r(150);

         margin: 0.25rem 0 0 r(10);
         font-size: r(20);
       
         
         .Noodles{
             width: r(120);
             height: r(120);
             margin: r(16) r(18);
         } 
         ul{
             li{
                    line-height: r(50);
                    color: white;
             }
         }  
         ul>li:nth-child(2){
             font-size: r(25);
         }

    } 

    
}

.news{
        width: 94%;
        height: r(70);
        margin: 0 auto;
        margin-top: r(16);
 
        input{
            width: r(437);
                background: #fff;
    height:r(68);
    border: #c0c0c0 1px solid;
    border-radius: 0.25rem;
    font-size: r(26);
    padding: 0 0 0 r(20);
        }
        .lock{
            width: r(55);
            height: r(68);
            margin-left: r(29);
        }
        .Expression{
            width: r(55);
            height: r(68);
        }
}
